<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
	<style type="text/css">
		body, html {width: 100%;height: 100%; margin:0;font-family:"微软雅黑";}
		#l-map{height:300px;width:100%;display: none;}
		#r-result,#r-result table{width:100%;}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nKLqYhwX72DuNMTFml8u4mMu"></script>
	<script src="http://wx.wiz-tech.com.cn/js/jquery-1.7.2.js" type="text/javascript"> </script>
	<title>油站导航</title>
</head>
<body>
	<div id="l-map"></div>
	
<!-- 	<div id="station_result" style="width: 50px;height: 50px;"> -->
<!-- 		<div> -->
<!-- 			<input type="button" onclick="baidu_navigation(104.050205,30.679512,'四川省成都市青羊区锦里西路137号','锦里西路')" value="导航"/> -->
<!-- 			<input type="button" onclick="getLocation()" value="当前位置"/> -->
<!-- 		</div> -->
<!-- 	</div> -->
	<table>
		<tr>
			<td>孵化园加油</td>
			<td></td>
			<td><input type="button" onclick="baidu_navigation(104.071086,30.581723,'四川省成都市武侯区民丰大道西段','孵化园加油')" value="导航"/></td>
		</tr>
		<tr>
			<td>锦里加油</td>
			<td></td>
			<td><input type="button" onclick="baidu_navigation(104.052139,30.663128,'四川省成都市青羊区锦里西路137号','锦里加油')" value="导航"/></td>
		</tr>
	</table>
	<input type="hidden" id="timestamp" value="${map['timestamp']}"/>
	<input type="hidden" id="nonceStr" value="${map['nonceStr']}"/>
	<input type="hidden" id="signature" value="${map['signature']}"/>
	<input type="hidden" id="appId" value="${map['appid']}"/>
	<input type="hidden" id="code" value="${map['code']}"/>
	<input type="hidden" id="openid" value="${map['openid']}"/>
</body>
</html>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="http://wx.wiz-tech.com.cn/js/jquery-1.7.2.js" type="text/javascript"> </script>
<script type="text/javascript">
var timestamp = $("#timestamp").val();//时间戳
var nonceStr = $("#nonceStr").val();//随机串
var signature = $("#signature").val();//签名
var appId = $("#appId").val();//签名
var code = $("#code").val();//签名
var openid = $("#openid").val();//签名
var current_lon = "";
var current_lat = "";
wx.config({
	  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	  appId: appId, // 必填，公众号的唯一标识
	  timestamp: timestamp, // 必填，生成签名的时间戳
	  nonceStr: nonceStr, // 必填，生成签名的随机串
	  signature: signature,// 必填，签名，见附录1
	  jsApiList: ['openLocation', 
	              'addCard',
	             'chooseCard',
	              'openCard' ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
function baidu_navigation(longitude,latitude,address,names){
	wx.openLocation({
	      latitude: latitude,
	      longitude: longitude,
	      name: names,
	      address: address,
	      scale: 14,
	      infoUrl: 'http://wx.wiz-tech.com.cn'
	    });
}
function getLocation(){
	wx.getLocation({
	    type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
	    success: function (res) {
	        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
	        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
	        var speed = res.speed; // 速度，以米/每秒计
	        var accuracy = res.accuracy; // 位置精度
	        alert(latitude+"======="+longitude+"============="+accuracy);
	    }
	});
}

function getFlatternDistance(lat1,lng1,lat2,lng2){
    var f = getRad((lat1 + lat2)/2);
    var g = getRad((lat1 - lat2)/2);
    var l = getRad((lng1 - lng2)/2);
    
    var sg = Math.sin(g);
    var sl = Math.sin(l);
    var sf = Math.sin(f);
    
    var s,c,w,r,d,h1,h2;
    var a = EARTH_RADIUS;
    var fl = 1/298.257;
    
    sg = sg*sg;
    sl = sl*sl;
    sf = sf*sf;
    
    s = sg*(1-sl) + (1-sf)*sl;
    c = (1-sg)*(1-sl) + sf*sl;
    
    w = Math.atan(Math.sqrt(s/c));
    r = Math.sqrt(s*c)/w;
    d = 2*w*a;
    h1 = (3*r -1)/2/c;
    h2 = (3*r +1)/2/s;
    
    return d*(1 + fl*(h1*sf*(1-sg) - h2*(1-sf)*sg));
}















// 	//得到当前位置的经纬度
// 	 window.onload = function() {    
//         if(navigator.geolocation) {    
//             navigator.geolocation.getCurrentPosition(showPosition);  
            
//         }     
//     };    
//     function showPosition(position){  
//       $("#start_longitude").val(position.coords.latitude);   
//       $("#start_latitude").val(position.coords.longitude);
// 		get_city();	
// 		 //start_address();
// 		//用ajax请求附近的油站
// 		$("#station_result").show();
//     }
// 	//得到当前城市
// 	function get_city(){
// 		var start_longitude = $("#start_longitude").val();
// 		var start_latitude = $("#start_latitude").val();
// 		var map = new BMap.Map("l-map");    // 创建Map实例
// 		var point = new BMap.Point(start_longitude,start_latitude);
		
// 		var geolocation = new BMap.Geolocation();
// 		geolocation.getCurrentPosition(function(r){
// 		if(this.getStatus() == BMAP_STATUS_SUCCESS){
// 			var mk = new BMap.Marker(r.point);
// 			map.addOverlay(mk);
// 			map.panTo(r.point);
// 			//$("#start_longitude").val(r.point.lng);
// 			//$("#start_latitude").val(r.point.lat);
			
// 			//alert('您的位置：'+r.point.lng+','+r.point.lat);
			   
// 		}else {
// 			alert('failed'+this.getStatus());
// 		}        
// 	},{enableHighAccuracy: true})
		
		
// 		map.centerAndZoom(point,12);

// 		function myFun(result){
// 			var cityName = result.name;
			
// 			map.setCenter(cityName);
// 			$("#city_name").val(cityName);
// 		}
// 		var myCity = new BMap.LocalCity();
// 		myCity.get(myFun);
		
		
// 	}
// 	//当前地址名
// 	function start_address(){
// 		var start_longitude = $("#start_longitude").val();
// 		var start_latitude = $("#start_latitude").val();
		
// 		var map = new BMap.Map("l-map");      
// 		map.centerAndZoom(new BMap.Point(start_longitude, start_latitude), 11);      
// 		// 创建地理编码实例      
// 		var myGeo = new BMap.Geocoder();      
// 		// 根据坐标得到地址描述   
// 		myGeo.getLocation(new BMap.Point(start_longitude,start_latitude), function(result){      
// 			 if (result){      
// 				alert(result.address);
// 				 $("#start_name").val(result.address);      
// 			  }      
// 		});
// 	}
	
// 	function baidu_navigation(){
// 		var start_longitude = $("#start_longitude").val();
// 		var start_latitude = $("#start_latitude").val();
// 		var start_name = $("#start_name").val();
		
// 		var end_longitude = $("#end_longitude").val();
// 		var end_latitude = $("#end_latitude").val();
// 		var end_name = $("#end_name").val();
// 		var city_name = $("#city_name").val();
// 		var map = new BMap.Map("l-map");    
// 		map.centerAndZoom(new BMap.Point(start_longitude,start_latitude), 14);      
// 		var routeSearch=new BMap.RouteSearch(); 
// 		var start = {  
// 			  latlng:new BMap.Point(start_longitude,start_latitude),  
// 			  name:null 
// 		  }  
// 		var end = {  
// 			 latlng:new BMap.Point(end_longitude,end_latitude),  
// 			 name:end_name
// 		  }  
// 		var opts = {  
// 			 mode:BMAP_MODE_DRIVING,//公交、驾车、导航均修改该参数  
// 			 region:city_name  
// 		  }  
// 		var ss = new BMap.RouteSearch();  
// 		routeSearch.routeCall(start,end,opts);
	
// 	}
</script>